<template>
    <div>
	    <minbar title="系统" bgColor="#232323"/>
	    <scroller :style="{'height': tabPageHeight,'padding-bottom':'40px'}">
	    	<div class="systemList" >
	    		<div class="system_time">
	    		    <text class="system_time_value">2018-04-27 16:04:57</text>
	    		</div>
	    		<div class="system_content">
	    			<text class="system_content_detail">桃宝宝一直以绿色交友，技能分享为护体思想，并希望给大家一个狼嚎的交友环境，禁止大家传播色情内容，一旦发现将受到最高封号等处罚。希望你我共建文明网络交友环境。</text>
	    		</div>
	    	</div>
	    	<div class="systemList" >
	    		<div class="system_time">
	    		    <text class="system_time_value">2018-04-27 16:04:57</text>
	    		</div>
	    		<div class="system_content">
	    			<text class="system_content_detail">桃宝宝一直以绿色交友，技能分享为护体思想，并希望给大家一个狼嚎的交友环境，禁止大家传播色情内容，一旦发现将受到最高封号等处罚。希望你我共建文明网络交友环境。</text>
	    		</div>
	    	</div>
	    	<div class="systemList" >
	    		<div class="system_time">
	    		    <text class="system_time_value">2018-04-27 16:04:57</text>
	    		</div>
	    		<div class="system_content">
	    			<text class="system_content_detail">桃宝宝一直以绿色交友，技能分享为护体思想，并希望给大家一个狼嚎的交友环境，禁止大家传播色情内容，一旦发现将受到最高封号等处罚。希望你我共建文明网络交友环境。</text>
	    		</div>
	    	</div>
	    	<div class="systemList" >
	    		<div class="system_time">
	    		    <text class="system_time_value">2018-04-27 16:04:57</text>
	    		</div>
	    		<div class="system_content">
	    			<text class="system_content_detail">桃宝宝一直以绿色交友，技能分享为护体思想，并希望给大家一个狼嚎的交友环境，禁止大家传播色情内容，一旦发现将受到最高封号等处罚。希望你我共建文明网络交友环境。</text>
	    		</div>
	    	</div>
	    	<div class="systemList" >
	    		<div class="system_time">
	    		    <text class="system_time_value">2018-04-27 16:04:57</text>
	    		</div>
	    		<div class="system_content">
	    			<text class="system_content_detail">桃宝宝一直以绿色交友，技能分享为护体思想，并希望给大家一个狼嚎的交友环境，禁止大家传播色情内容，一旦发现将受到最高封号等处罚。希望你我共建文明网络交友环境。</text>
	    		</div>
	    	</div>
	    	<div class="systemList" >
	    		<div class="system_time">
	    		    <text class="system_time_value">2018-04-27 16:04:57</text>
	    		</div>
	    		<div class="system_content">
	    			<text class="system_content_detail">桃宝宝一直以绿色交友，技能分享为护体思想，并希望给大家一个狼嚎的交友环境，禁止大家传播色情内容，一旦发现将受到最高封号等处罚。希望你我共建文明网络交友环境。</text>
	    		</div>
	    	</div>
	    </scroller>
    </div>
</template>
<script>
    import Minbar from "./../../components/minbar.vue"
    import { Utils } from 'weex-ui';
	export default{
		data:function(){
			return {
                systemList:[],
                tabPageHeight:0
			}
		},
		components:{ Minbar },
		mounted:function(){
            this.tabPageHeight = Utils.env.getPageHeight()-90;
		},
		methods:{
			
		}
	}
</script>
<style>
	.system_time{
		align-items: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.system_time_value{
		font-size: 23px;
		color: #c6c6c6;
	}
	.system_content{
        align-items: center;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
        background-color: #ededed;
		border-radius: 20px;
	}
	.system_content_detail{
		color: #656565;
		font-size: 23px;
	}
	.systemList{
		width: 680px;
		margin-left: 35px;
	}
</style>